//原生ajax代码
var xmlHttpRequest;
function createXMLHttpReqest(){
	if(window.XMLHttpRequest){
		//非ie浏览器
		xmlHttpRequest=new XMLHttpRequest();
	}else{
		//ie浏览器
		xmlHttpRequest=new ActiveXObject("Miscrosoft.XMLHTTP");
	}
}
function doCheckName1(){
	//创建XMLHttpRequest对象
	createXMLHttpReqest();
	//获取页面中表单中的用户名称
	var uname=document.reg_form.userName.value;
	//调用open方法
	xmlHttpRequest.open("post","checkname.do",true);
	xmlHttpRequest.setRequestHeader("content-type","application/x-www-form-urlencoded");
	//给xmlHttpRequest注册一个onreadystatechange事件
	xmlHttpRequest.onreadystatechange=function(){
		alert("readeState-->"+xmlHttpRequest.readyState)
		handleStateChange();
	};
	//发送请求
	xmlHttpRequest.send("username="+uname);//post提交需要发送服务器的数据
}
function handleStateChange(){
	if(xmlHttpRequest.readyState==4){
		//说明接收数据成功,但接收的数据可以正常的数据,也能是异常数据
		if(xmlHttpRequest.status==200){
			//说明服务器正确响应数据给客户端了
			//可以使用dom编程
			//获取响应回来的文本
			var responseText=xmlHttpRequest.responseText;
			//把得到的文本做dom编程,修改页面中的局部内容
			var span_ele=document.getElementById("uname");
			//清除span元素的第一节点内容
			if(span_ele.hasChildNodes()){
				span_ele.removeChild(span_ele.childNodes[0]);
			}
			//清除完毕后,就可以添加新的文本给span对象节点
			var txt_node=document.createTextNode(responseText);
			span_ele.appendChild(txt_node);
		}
	}
}
//jquery的ajax代码
function doCheckName_jquery(){
	//获取注册表单中的填入用户名
	var uname=$("form input[name=userName]").val();
	//alert(uname);
	//发起ajax异步请求
	$.ajax({
		url:"checkname.do",
		type:"get",
		data:{"username":uname},
		dataType:"text",
		success:function(data){
			//说明请求和响应成功,data就是服务端响应回来的数据,数据格式取决于dataType
			alert(data);
			$("#uname").html(data);
		},
		error:function(){
			alert("请求失败!!");
		},
		async:true
	});
}












